import styled from 'styled-components'
const CreateTaskContentStyled = styled.div`
  display:flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height:calc(100% - .44rem);
  padding: .15rem;
  overflow: auto;
  >*{
    flex-grow:0;
    flex-shrink: 0;
  }
  input.taskname{
    height: .45rem;
    color: #646464;
    font-size: .15rem;
    ::-webkit-input-placeholder { 
      /* WebKit browsers */
      color: #C0C0C0;
      font-size: .12rem;
      /* transform: translate(0, -.05rem); */
    }
    ::-moz-placeholder { 
      /* Mozilla Firefox 19+ */
      color: #C0C0C0;
      font-size: .12rem;
      /* transform: translate(0, -.05rem); */
    }
    :-ms-input-placeholder { 
      /* Internet Explorer 10+ */ 
      color: #C0C0C0;
      font-size: .12rem;
     /* transform: translate(0, -.05rem); */
    }  
  }
  textarea.inputwrap{
    padding: .1rem;
    height: 1rem;
    resize:none;
    color: #646464;
    font-size: .15rem;
    ::-webkit-input-placeholder { 
      /* WebKit browsers */
      color: #C0C0C0;
      font-size: .12rem;
      line-height: .8rem;
    }
    ::-moz-placeholder { 
      /* Mozilla Firefox 19+ */
      color: #C0C0C0;
      font-size: .12rem;
      line-height: .8rem;
    }
    :-ms-input-placeholder { 
      /* Internet Explorer 10+ */ 
      color: #C0C0C0;
      font-size: .12rem;
      line-height: .8rem;
    }
  }
  p.firstOne{
    margin-top: .15rem;
  }
  p.toptip{
    width: 100%;
    height: .4rem;
    background-color: #ebebeb;
    padding-left: .1rem;
    line-height:.4rem;
    color: #646464;
    font-size: .12rem;
  }
  .inputwrap{
    width: 100%;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ebebeb;
    padding: 0 .1rem;
  }
  
  p.pright{
    /* width: 100%;
    text-align: right; */
    margin:.15rem 0 .89rem;
    align-self: flex-end;
    font-size: .12rem;
    color: #c0c0c0;
  }
  p.pleft{
    /* width: 100%;
    text-align: left; */
    margin-bottom: .15rem;
    align-self: flex-start;
    font-size: .12rem;
    color: #c0c0c0;
  }
  div.inputwrap{
    height: .45rem;
    padding: 0 .1rem;
    display: flex;

    span{
      color:#C0C0C0;
      font-size: .12rem;
      line-height: .43rem;
      flex-grow:0;
      flex-shrink: 0;
    }
    input{
      flex-shrink:1;
      flex-grow:1;
      height: .43rem;
      line-height: .43rem;
      color: #646464;
      font-size: .12rem;
    }
  }
  div.price{
    display: flex;
    align-items: center;
    padding-right: 25%;
    input.money{
      text-align: center;
      flex-shrink:1;
      flex-grow:1;
      width: .5rem;
    }
  }

`
export {CreateTaskContentStyled}